/**
 * @copyright   2010-2017, The Titon Project
 * @license     http://opensource.org/licenses/BSD-3-Clause
 * @link        http://titon.io
 */

@include export("progress") {
    #{generate-class-name($titon-progress)} {
        overflow: hidden;
        position: relative;
        display: flex;
        background: theme-setting("bg-light");
    }

    #{generate-class-name($titon-progress, "bar")} {
        height: 1.5rem;
        line-height: 1.5rem;
        overflow: hidden;
        position: relative;
        text-align: center;
        font-size: theme-setting("medium-font-size");
        transition: width map-get($titon-progress, "transition"), background map-get($titon-progress, "transition");
        background: #fff;
    }
}
